<template>
	<template v-for="(item,index) in nodeArr" :key="index">
		<!-- 图片 -->
		<image :style="item.style" :src="item.src" mode="widthFix" v-if="item.name=='image'"
			@click.stop="item.fn()||''">
		</image>
		<!-- 视频 -->
		<video :style="item.style" :src="item.src" :poster="item.poster" object-fit="cover"
			v-else-if="item.name=='video'" @click.stop="item.fn()||''"></video>
		<!-- 其他行内元素 -->
		<text :style="item.style" v-else-if="item.name=='text'" @click.stop="item.fn()||''">
			{{item.text}}
			<node :nodeArr="item.children" v-if="item.children"></node>
		</text>
		<!-- 其他块级元素 -->
		<view :style="item.style" v-else-if="item.name=='view'" @click.stop="item.fn()||''">
			{{item.text}}
			<node :nodeArr="item.children" v-if="item.children"></node>
		</view>
	</template>
</template>

<script>
	import node from './node';
	export default {
		name: 'node',
		//#ifdef MP-WEIXIN||MP-TOUTIAO
		components: {
			node
		},
		// #endif
		props: {
			nodeArr: { //富文本
				type: Array,
				default: []
			}
		},
	}
</script>